<%@ page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8"%>

<%@page import="modelo.DataHoraSistema"%>
<%@page import="java.text.SimpleDateFormat" %>
<%@page import="java.util.Date" %>
<%@page import="java.util.List"%>
<%@page import="java.util.Iterator"%>
<%@page import="java.util.ArrayList"%>
<%@page import="DAO.DAOFactory"%>
<%@page import="DAO.ItemDAO"%>

<%@page import="modelo.*"%>

<!DOCTYPE>

<html>
  <head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">    
    <meta http-equiv="refresh" content="10"> 
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   
    <title>
      Waiters
    </title>
   
    <link rel="shortcut icon" href="images/icons/icone.png" />
    <link rel="stylesheet" type="text/css" href="css/minified/aui-production.min.css">
    <link id="layout-theme" rel="stylesheet" type="text/css" href="themes/minified/fides/color-schemes/dark-blue.min.css">
    <link rel="stylesheet" type="text/css" href="themes/minified/fides/common.min.css">
    <link rel="stylesheet" type="text/css" href="themes/minified/fides/responsive.min.css">
  
    <script type="text/javascript" src="js/minified/aui-production.min.js"></script>
	<script type="text/javascript" src="js/Chart.js"></script>

    	
     <!--[if lt IE 9]>
      <script src="assets/js/minified/core/html5shiv.min.js">
      </script>
      <script src="assets/js/minified/core/respond.min.js">
      </script>
    <![endif]-->
    <!-- Fides Admin CSS Core -->
  </head>
  
  <body>
     <!-- ************************ Barra Preta Menu ************************ -->  
    <div id="page-wrapper" class="demo-example">
        <div id="page-header" class="clearfix"> 
        
        <!-- ************************ Canto esquerdo. Logo ************************ -->  
            <div id="header-logo">
            <!-- ************************ Botao de recuar Menu  ************************ -->  
                <a href="javascript:;" class="tooltip-button" data-placement="bottom" title="" id="close-sidebar" data-original-title="Fechar Menu">
                <i class="glyph-icon icon-caret-left"></i> </a> <!-- Icone do botao Menu para Esquerda -->
                 
                <a href="javascript:;" class="tooltip-button hidden" data-placement="bottom" title="" id="rm-close-sidebar" data-original-title="Abrir Menu">
                <i class="glyph-icon icon-caret-right"></i> </a> <!-- Icone do botao Menu para Esquerda -->

                <img src="images/logo/logo1.png" width="153" height="46">  <!-- Logo -->  
            </div>
    
          	<div class="font-white font-bold font-size-17 display-inline pad10T pad25L">
	    		<%DataHoraSistema dt = new DataHoraSistema();%>
	    		<font><%=dt.getDateTime1()%></font>
    		</div>
    
   	 	<!-- ************************ Menu do Lado Direito ************************ -->
	        <div class="user-profile dropdown"> <!-- Usuario Logado -->
	          
	            <a href="javascript:;" title="" class="user-ico clearfix" data-toggle="dropdown"><i class="glyph-icon icon-gears"> </i> 
	            	<span>Arthur</span> <i class="glyph-icon icon-chevron-down"></i> </a>
	            
	                <ul class="dropdown-menu float-right">
	                    <li><a href="Empresa.jsp" title="Eitar o seu Perfil"> <i class="glyph-icon icon-user mrg5R"></i> Empresa </a></li>
	                    <li><a href="Funcionario-consultar.jsp" title="Editar o Perfil dos Funcionarios"> <i class="glyph-icon icon-cog mrg5R"></i> Funcionários </a></li>
	                    <li><a href="javascript:;" title="Sair do Sistema"><i class="glyph-icon icon-signout font-size-13 mrg5R"></i><span class="font-bold">Sair</span></a></li>
	                </ul>
	        </div>
   		</div>
       
      <!-- ************************ Barra Lado Esquedo - MENU  ************************ -->
   	  <div id="page-sidebar" class="scrollable-content" tabindex="5003" style="overflow: hidden; outline: none; height: 1315px;">
        <div id="sidebar-menu" class="active">
            <ul>
                <li class="current-page"> <a href="Principal.jsp" title="Home"> <i class="glyph-icon icon-home"></i> Home </a> </li>
                
                <li> <a href="Pedidos.jsp" title="Pedidos"> <i class="glyph-icon icon-reorder"></i> Pedidos </a>
                    <!-- 
                    <ul>
                        <li><a href="#" title="Pedidos atuais"><i class="glyph-icon icon-chevron-right"></i>Atual </a></li>
                        <li><a href="#" title="Pedidos anteriores"><i class="glyph-icon icon-chevron-right"></i> Anteriores </a></li>
                    </ul>
                     -->
                </li>
                
                <li><a href="javascript:;" title="Relatórios"><i class="glyph-icon icon-bar-chart"></i>Relatórios</a>
                    <ul>
                        <li><a href="Relatorio-fluxo-de-caixa.jsp" title="Relatórios de fluxo de caixa">
                        	<i class="glyph-icon icon-chevron-right"></i>Fluxo de Caixa</a></li>
                            
                        <li><a href="Relatorio-Estatistica-de-pedidos.jsp" title="Estatística de produtos consumidos">
                        	<i class="glyph-icon icon-chevron-right"></i>Estatística de Produtos</a></li>
                            
                        <li><a href="Relatorio-Estatistica-de-consumo.jsp" title="Estatística do periodo de consumo">
                        	<i class="glyph-icon icon-chevron-right"></i>Estatística de Consumo</a></li>
                    </ul>
                </li>
                
                <li><a href="javascript:;" title="Relatórios"><i class="glyph-icon icon-book"></i>Cardápio</a>
                    <ul>
                        <li><a href="Cardapio.jsp" title="Relatórios de fluxo de caixa">
                        	<i class="glyph-icon icon-chevron-right"></i>Produto</a></li>
                            
                        <li><a href="Item.jsp" title="Estatística de produtos consumidos">
                        	<i class="glyph-icon icon-chevron-right"></i>Ingredientes</a></li>
                    </ul>
                </li>
            </ul>
        </div>
   	  </div>
    </div>
    <!-- # Fim Menu -->
    
    <div id="page-content-wrapper" style="margin-left: 220px;">
      
      <!-- Titulo -->
      <div id="page-title">
        <h3>
          Nome do Restaurante
        </h3>
      </div>
      <!-- Fim do Titulo -->
      
      <div id="page-content">
	     
	    <input class="btn bg-green font-size-15 col-md-2  " type="button" value="Atualizar Lista" onClick="document.location.reload(true)">
	     
		<div class="form-row"></div>
          
		<%
		
		ItemDAO dao = DAOFactory.obterItemDao();
		
		String sql = "lista";
		List retornoLista = dao.consultarItem(sql);	
			if(retornoLista != null) {
				for(Iterator<Item> it = retornoLista.iterator(); it.hasNext(); ) {
					Item item = (Item)it.next();
		%>    	
			<div class="col-md-3">
				<div class="content-box animated" style="display: block;">
			        <h3 class="content-box-header ui-state-default">
			            <span class="float-left">Pedido Mesa <b><%=item.getNmItem() %></b> </span>
			        </h3>
			        
			        <div class="content-box-wrapper">
			        	<div class="scrollable-content scrollable-small pad0R" tabindex="5004" style="overflow: hidden; outline: none;">
			            Cod Pedido: <%=item.getNmCategoriaItem() %> <br>
			            Produto: <%=item.getNmCategoriaItem() %> <br>
			            Bebida: <%=item.getNmCategoriaItem() %> <br>

			            Cod Pedido: <%=item.getNmCategoriaItem() %> <br>
			            Produto: <%=item.getNmCategoriaItem() %> <br>
			            Bebida: <%=item.getNmCategoriaItem() %> <br>
	
						Cod Pedido: <%=item.getNmCategoriaItem() %> <br>
			            Produto: <%=item.getNmCategoriaItem() %> <br>
			            Bebida: <%=item.getNmCategoriaItem() %> <br>
			            
			            Cod Pedido: <%=item.getNmCategoriaItem() %> <br>
			            Produto: <%=item.getNmCategoriaItem() %> <br>
			            Bebida: <%=item.getNmCategoriaItem() %> <br>
			            
			            Cod Pedido: <%=item.getNmCategoriaItem() %> <br>
			            Produto: <%=item.getNmCategoriaItem() %> <br>
			            Bebida: <%=item.getNmCategoriaItem() %> <br>			            
			            </div>
			            <div class="divider"></div>
			            TOTAL: 20,00
			        </div>
			        <div class="button-pane">
			            <button class="btn-ui btn medium"><span class="button-content">Liberar</span></button>
			            <button class="btn-ui btn primary-bg medium"><span class="button-content">Cancelar</span></button>
			        </div>
			    </div>
			</div>

					<% } 
      		    } %>		
            
       </div>
  </body>